<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>安平县居民核酸检测信息系统</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/main.css" rel="stylesheet" />
		<link rel="stylesheet" href="layui/css/layui.css"  media="all">
		<script src="layui/layui.js" charset="utf-8"></script>
		<style>
			body{background-color: #F2F2F7;}
          .content{margin: 40px 18px;display:flex;flex-direction:column;}
          .content span{font-size:17px;font-weight: bold;}
          .layui-input{margin:12px 0;height:44px;}
          .content label{font-size:12px;color:red; width:100%}
          .button {
            background: #FF975C;
    		background: -moz-linear-gradient(top,  #FF975C 0%, #FFE277 100%);
    		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF975C), color-stop(100%,#FFE277));
    		background: -webkit-linear-gradient(top,  #FF975C 0%,#FFE277 100%);
    		background: -o-linear-gradient(top,  #FF975C 0%,#FFE277 100%);
    		background: -ms-linear-gradient(top,  #FF975C 0%,#FFE277 100%);
    		background: linear-gradient(to bottom,  #FF975C 0%,#FFE277 100%);
    		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF975C', endColorstr='#FFE277',GradientType=0 );
    		border: none;
    		color: white;
    		text-align: center;
    		text-decoration: none;
    		display: inline-block;
    		font-size: 16px;
    		cursor: pointer;
            width:70%;
            height:44px;
            margin:auto;
            margin-top:100px;
            border-radius:5px;
		}
		</style>
	</head>
		
	<body>
      <div class="content">
        <span>请输入试管编号</span>
        <input type="text" name="code" placeholder="AP0-000-00000" class="layui-input">
        <label>温馨提示：编号中包含“-”</label>
        <button class="button" id="sub_btn">下一步</button>
      </div>
		<script>
		layui.use(['layer', 'jquery'], function(){
		  var layer = layui.layer
		  ,$ = layui.jquery;
		  
			$(document).ready(function(){
				var loadIndex;
				$('#sub_btn').click(function(){
					var secret = $('input[name="code"]').val();
					if(typeof secret == "undefined" || secret == null || secret == ""){
						layer.msg('请输入试管编号',{icon:2});
					}else{
                      	secret = 'code,' + secret;
						window.location.href = "http://user.city1000.cn:9999/weixin/wechat/h5/redirectSomeWhere?url=http://hesuan.city1000.cn/testing/testing.html&data="+secret;
					}
				})
			});
		});
		</script>
	</body>

</html>
